@charset "UTF-8";
/**
 * 
 * @authors wu
 * @date    2017-04-19 16:39:39
 * @version 4.1.0
 */
/*-------------------------    start  ------------------------- */
body{ font-family: "黑体", "Microsoft Yahei", Arial, Verdana; padding: 0;}
ul{ margin: 0; padding: 0; list-style-type: none;}
li{list-style-type:none;}
.fl{ float: left;}
.fr{ float: right;}
.clearfix:after{ content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix{ *zoom: 1;}
.ell{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.overflow{ overflow: hidden;}
.borderRadius{ border-radius: 50%;}
input,a{ outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration:none;}

/* 定位 */
.pa{ position: absolute;}
.pr{ position: relative;}
.pf{ position: fixed;}
/* block */
.db{ display: block;}
.dib{ display: inline-block;}
.dn{ display: none;}
/*padding*/
.pad375{ padding: 3.75%;}
.padTB375{ padding-top: 3.75%; padding-bottom: 3.75%;}
.padLR375{ padding-left: 3.75%; padding-right: 3.75%;}
.padT375{ padding-top: 3.75%;}
.padB375{ padding-bottom: 3.75%;}
.padL375{ padding-left: 3.75%;}
.pad1375{ padding: 1.75% 3.75%}
.padT4{ padding-top: 4rem;}
.padT45{ padding-top: 4.5rem;}
.padB45{ padding-bottom: 4.5rem;}
.padB6{ padding-bottom: 6rem;}
.padB8{ padding-bottom: 8rem;}
/*margin*/
.mar375{ margin: 3.75%;}
.marTB375{ margin-top: 3.75%; margin-bottom: 3.75%;}
.marLR375{ margin-left: 3.75%; margin-right: 3.75%;}
.marT375{ margin-top: 3.75%;}
.marR375{ margin-right: 3.75%;}
.marL375{ margin-left: 3.75%;}
.marB375{ margin-bottom: 3.75%;}
.marR25{ margin-right: 2.5%;}
.marB125{ margin-bottom: 1.25%;}
/*width*/
.wh28r{ width: 2.8rem; height: 2.8rem;}
.wh5r{ width: 5rem; height: 5rem;}
.wh72r{ width: 7.2rem; height: 7.2rem;}
.w15{ width: 15%;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.w27{ width: 27%;}
.w30{ width: 30%;}
.w33{ width: 33%;}
.w45{ width: 45%;}
.w50{ width: 50%;}
.w65{ width: 65%;}
.w85{ width: 85%;}
.w100{ width: 100%;}
/* text */
.textC{ text-align: center;}
.textL{ text-align: left;}
.textR{ text-align: right;}
.indent{ text-indent: 2em;}
/* font */
.font16{ font-size: 0.533rem;}
.font20{ font-size: 0.667rem;}
.font24{ font-size: 0.8rem;}
.font26{ font-size: 0.867rem;}
.font28{ font-size: 0.933rem;}
.font30{ font-size: 1.0rem;}
.font36{ font-size: 1.2rem;}
.font40{ font-size: 1.3rem;}
.font42{ font-size: 1.4rem;}
.font46{ font-size: 1.5rem;}
.font48{ font-size: 1.6rem;}
.font54{ font-size: 1.8rem;}
.font60{ font-size: 2rem;}
.normal{ font-weight: normal;}
.bold{ font-weight: bold;}
/* line-height */
.line15{ line-height: 1.5;}
.line18{ line-height: 1.8;}
.line2{ line-height: 2;}
.line25{ line-height: 2.5;}
/* color */
.color00{ color: #000;}
.colorff{ color: #fff;}
.color33{ color: #333;}
.colorB{ color: #0099CC;}
.color5e{ color: #5E5E5E;}
.color60{ color: #606060;}
.color62{ color: #626262;}
.color90{ color: #909090;}
.color92{ color: #929292;}
.colorY{ color: #FF6600;}
.colorR{ color: #FF3300;}
/* background-color */
.bgff{ background-color: #fff;}
.bgf0{ background-color: #f0f0f0;}
.bgred{ background-color: #c60a09;}
.bgyellow{ background-color: #ffffcc;}
/* border */
.border{ border: 1px solid #ccc;}
.borderN{ border: none;}
.borderT{ border-top: 1px solid #ccc;}
.borderB{ border-bottom: 1px solid #ccc;}
.borderBD{ border-bottom: 1px dashed #ccc;}
/* 灰色背景层 */
.borderspace{ border-bottom: 1rem solid #f0f0f0;}
.borderTS{ border-top: 1rem solid #f0f0f0;}
/* border-radius */
.bRadius{ border-radius: 5px;}
/**/
.whp375{ display: block; padding: 3.75%; font-size: 1.5rem; color: #626262;}
.btn375{ display: block; padding: 3.75%; margin: 3.75%; font-size: 1.6rem; text-align: center; color: #fff; background-color: #c60a09;}
.btnr375{ display: block; padding: 3.75%; margin: 3.75%; font-size: 1.6rem; text-align: center; color: #fff; background-color: #c60a09; border-radius: 5px;}
.btnrN375{ display: block; padding: 3.75%; margin: 3.75%; font-size: 1.6rem; text-align: center; color: #c60a09; background-color: #fff; border: 1px solid #c60a09; border-radius: 5px;}
.list15{ display: block; padding: 3.75%; font-size: 1.5rem; color: #333;}
.aCheck{ display: block; padding: 3.75%; font-size: 1.5rem; color: #606060; text-align: center;}
.dn{ display: none;}
/*-------------------------   end  ------------------------- */


/* subNav菜单 */
.navIcon{ display: block; float: left; margin-top: 3.75%; text-align: center; line-height: 1.8; color: #ae8937;
	&:before{ display: block; content: ''; margin: auto; width: 4.4rem; height: 4.4rem; background: url(../images/nav.png) no-repeat;}
}
.cgIcon:before{ background-position: 0 0;}
.sjIcon:before{ background-position: -4.4rem 0;}
.scIcon:before{ background-position: 0 -4.4rem;}
.clIcon:before{ background-position: -4.4rem -4.4rem;}
.hhIcon:before{ background-position: -8.8rem 0;}
.spIcon:before{ background-position: -8.8rem -4.4rem;}


/*背景层*/
.pop_bg{ position: fixed; top: 0; left: 0; z-index: 99; display: none; width: 100%; height: 100%; background-color: #000; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);}
.searchBg{ position: fixed; top: 0; left: 0; z-index: 95; display: none; width: 100%; height: 100%; background-color: #000; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);}
/*alert*/
.pop_box{ display: none; position: fixed; top: 25%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 104; width: 75%; background-color: #fff; border-radius: 5px;}
.pop_close{ position: absolute; top: -0.8rem; right: -0.8rem; padding: .4rem; width: 0.8rem; height: 0.8rem; background: #fff url(../images/pop_close.png) no-repeat; background-size: 50%; background-position: 50%; border-radius: 50%; border: 1px solid #ccc;}
.pop_text{ padding: 3.75%; font-size: 1.5rem; line-height: 1.5; text-align: center; color: #606060;}
.pop_button{ padding: 3.75%; overflow: hidden;}
.pop_btn{ display: inline-block; float: left; padding: 0.8rem 0; width: 48%; font-size: 1.3rem; text-align: center; color: #fff; background-color: #c60a09; border-radius: 50px;
	&:first-child{ margin-right: 3%;}
}
.pop_button.oneBtn .pop_btn{ margin-left: 25.25%;}

/*填写*/
.fillName{ position: fixed; top: 30%; left: 3.75%; z-index: 99; display: none; width: 92.5%; text-align: center; background-color: #fff; border-radius: 5px;
	.desc{ padding: 3.75%; font-size: 1.5rem; color: #606060;}
	.fillIn{ padding: 2%; width: 88.5%; height: 5rem; border: 1px solid #ccc; outline: none; resize: none;}
	.fillInput{ padding: 2%; width: 88.5%; border: 1px solid #ccc; outline: none; resize: none;}
}

/* 320px */
@media screen and (min-width: 320px) {
	html{ font-size: 10px;}
}

/* 480px */
@media screen and (min-width: 480px) {
	html{ font-size: 15px;}
}

/* 640px */
@media screen and (min-width: 640px) {
	html{ font-size: 20px;}
}

/* 960px */
@media screen and (min-width: 960px) {
	html{ font-size: 30px;}
}